https://mp.weixin.qq.com/s/Wt59wLOT7Tpxbe1yxdMFCw
受控组件，指的是将表单元素的值交给组件的 state 来保存。
缺点是会进行组件的更新，一般来说表单元素并不复杂，重渲染成本不高，可以忽略不计。


非受控，就是指状态不由组件的 state 把持，而是让表单元素的内部控制着状态，在我们需要的时候再通过 element.value 的方式取出。
优点是不会更新组件。缺点是不方便实时将值传给其他组件。
另外，它适合一种延迟更新状态的场景。比如输入一些内容，回车后失焦，发现格式不合法，就恢复为上一次的值。

受控组件和非受控组件，区别在于前者的表单状态由组件 state 控制，后者则是表单元素自己控制，要用时再读元素的值。